<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/register.css">
</head>
<body>
	<div class="login">
		<div class="logintext">注册</div>
		
		<!-- 用户名部分 -->
		<div class="center">
			<div class="centerimg">
				<img src="img/name.png">
			</div>			
			<div class="centerinput">
				<input type="text" name="username" id="username" value placeholder="请输入您的用户名" onfocus="this.placeholder=''">
				<!-- 输入框顶部显示用户名 -->
				<div class="inputtext1">用户名</div>
			</div>
		</div>

		<!-- 密码部分 -->
		<div class="center">
			<div class="centerimg">
				<img src="img/password.png">
			</div>
			<div class="centerinput">
				<input type="text" name="password" id="password1" value placeholder="请输入您的密码" onfocus="this.placeholder=''">
				<!-- 输入框顶部显示密码 -->
				<div class="inputtext2">密码</div>
			</div>
		</div>
         
        <!-- 确认密码部分 -->
		<div class="center">
			<div class="centerimg">
				<img src="img/password.png">
			</div>
			<div class="centerinput">
				<input type="text" name="password" id="password2" value placeholder="请再次输入您的密码" onfocus="this.placeholder=''" onkeyup="psdval()"><!-- onkeyup="psdval()"是引用方法的方式 -->
				<div class="inputtext3">确认密码</div>
			</div>
		</div>

		<div class="btn">注册</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/register.js"></script>
</html>